<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Home - BioCode</title>
    <style>
        .content-container {
            padding: 10px 14px;
        }

        #tool-nav-tab {
            padding: 0 15px;
            margin-bottom: 12px;
            background-color: #FAFAFA;
        }
    </style>

</head>
<body>
<div id="main">
    <div id="tool-header">
        <div class="row content-container" style="padding-bottom: 0">
            <div class="col-md-12">
                <h1 class="tool-title"><a href="${host}/tools/${tool.id}/show">${tool.name}</a>
                    <small>${tool.desc}</small>
                </h1>
            </div>
        </div>
        <ul class="nav nav-tabs" id="tool-nav-tab">
            <li><a href="${host}/tools/${tool.id}/show"><i class="fa fa-home"></i> Home</a></li>
            <li class="active"><a href="${host}/tools/${tool.id}/manual"><i class="fa fa-book"></i> Manual</a></li>
            <li><a href="${host}/tools/${tool.id}/releases"><i class="fa fa-download"></i> Downloads</a></li>
            <li><a href="${host}/tools/${tool.id}/stat"><i class="fa fa-bar-chart"></i> Statistics</a></li>
        </ul>
    </div>
    <div class="content-container" style="padding-top: 0px">
        <div class="row">
            <div class="col-md-10"><h1>Manual</h1>
                <section class="text-justify">${tool.manual}</section>
            </div>
            <div class="col-md-2"><a class="btn btn-default pull-right" href="${host}/tools/${tool.id}/manual/edit"><i
                    class="fa fa-edit"></i> Edit</a></div>
        </div>
    </div>
</div>
<script>
</script>
</body>

</html>
